<template>
  <div class="hello">
    <leftcpn></leftcpn>
    <!-- <rigthcpn></rigthcpn> -->
    <router-view></router-view>
  </div>
</template>

<script>
import leftcpn from "../views/left/index.vue";
// import rigthcpn from "../views/rigth/index.vue";

export default {
  data() {
    return {
      num:3
    };
  },
  components: {
    leftcpn,
    // rigthcpn,
  },
  mounted(){
    this.num=this.$route.query.num
    console.log(this.$route)
    if(this.num==3){
      this.$router.push('/rigth')
    }else if(this.num==4){
      this.$router.push('/rigth2')
    }else if(this.num==5){
      this.$router.push('/rigth3')
    }else{
      this.$router.push('/rigth')
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.hello {
  display: flex;
}
</style>